<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">

    <meta name="description" content="Violate Responsive Admin Template">
    <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

    <title>Register</title>

    <!-- CSS -->
    <link href="lib/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/css/form.css" rel="stylesheet">
    <link href="lib/css/style.css" rel="stylesheet">
    <link href="lib/css/animate.css" rel="stylesheet">
    <link rel="stylesheet" href="lib/css/font-awesome.css"/>
    <link href="lib/css/generics.css" rel="stylesheet">

</head>
<body id="skin-blur-lights" ng-app="loginapp">
<section id="login" ng-controller="login1">

    <div class="alert alert-success" ng-style="alert1_lx" style="display: none">
        {{alert_tet_lx}}
    </div>
    <div class="alert alert-danger" ng-style="alert2_lx" style="display: none">
        {{alert_tet1_lx}}
    </div>

    <header>
        <h1 class="m-b-10">酒店管理系统</h1>
        <p>单体中小酒店还是连锁酒店集团都是一个改变传统管理方式的新机遇，在这里可以轻松获得无限的技术服务</p>
    </header>

    <div class="clearfix"></div>

    <!-- Login -->
    <form class="box tile animated active" id="box-login">
        <h2 class="m-t-0 m-b-15">登陆</h2>
        <div class="select_1" style="position: relative">
        <select class="select1 m-b-15" style="width: 100%; height: 30px; background: transparent;padding-left: 10px;border-color: gray;" required ng-model="selecttext" ng-blur="select_lx()" id="bumen_lx">
            <option>管理部</option>
            <option>后勤部</option>
            <option>安保部</option>
            <option>财务部</option>
            <option>管理员</option>
        </select>
        <div class="caret" style="position: absolute;top: 13px;right: 12px"></div>
        </div>
        <input type="text" id="user" class="login-control m-b-15" placeholder="账号请填写6位以下中文" ng-blur="user_lx($event)" ng-model="usertext" ng-maxlength="6" required >
        <input type="password" id="password" class="login-control m-b-5" placeholder="请填写密码为6-12位，字母和数字的组合" required ng-minlength="6" ng-maxlength="12" ng-blur="password_lx($event)" ng-model="passwordtext">
        <div class="checkbox m-b-20" >
            <label>
                <input type="checkbox" style="margin-left: 5px;margin-top: 3px" ng-click="check_click()" >
                记住密码
            </label>
        </div>
        <button class="btn btn-sm m-r-5" ng-click="login_lx()">登陆</button>

        <small>
            <a class="box-switcher" data-switch="box-register" href="">没有账号</a> or
            <a class="box-switcher" data-switch="box-reset" href="">忘记密码</a>
        </small>
    </form>
<!--=======================================注册==========================================================================================-->
    <!-- Register -->
    <form class="box animated tile" id="box-register">
        <h2 class="m-t-0 m-b-15">注册</h2>

        <div class="select_1" style="position: relative">
            <select class="select1 m-b-15" style="width: 100%; height: 30px; background: transparent;padding-left: 10px;border-color: gray;" required ng-model="selecttext1" ng-blur="select1_lx()">
                <option>管理部</option>
                <option>后勤部</option>
                <option>安保部</option>
                <option>财务部</option>
            </select>
            <div class="caret" style="position: absolute;top: 13px;right: 12px"></div>
        </div>

        <input type="text" class="login-control m-b-10" placeholder="账号请填写中文" ng-blur="user1_lx($event)" ng-model="usertext1" ng-maxlength="6" required >
        <input type="password" class="login-control m-b-10" placeholder="请填写密码为6-12位，字母和数字的组合"  required ng-minlength="6" ng-maxlength="12" ng-blur="password1_lx($event)" ng-model="passwordtext1">
        <input type="password" class="login-control " placeholder="请确认密码"  required ng-minlength="6" ng-maxlength="12" ng-blur="confirm_password_lx($event)" ng-model="confirm_passwordtext" ng-style="confirm_pass">
        <p style="color: red" class="m-b-20"> {{alert1 }}</p>

        <button class="btn btn-sm m-r-5" ng-click="register_lx()">注册</button>

        <small><a class="box-switcher" data-switch="box-login" href="">已经有账号了?</a></small>
    </form>

    <!-- Forgot Password -->
    <form class="box animated tile" id="box-reset">
        <h2 class="m-t-0 m-b-15">重置密码</h2>
        <p>请输入您要修改的密码，不能与之前的重复.</p>
        <div class="select_1" style="position: relative">
            <select class="select1 m-b-15" style="width: 100%; height: 30px; background: transparent;padding-left: 10px;border-color: gray;" required ng-model="selecttext3" ng-blur="select3_lx()">
                <option>管理部</option>
                <option>后勤部</option>
                <option>安保部</option>
                <option>财务部</option>
            </select>
            <div class="caret" style="position: absolute;top: 13px;right: 12px"></div>
        </div>

        <input type="text" class="login-control m-b-10" placeholder="账号请填写中文" ng-blur="user3_lx($event)" ng-model="usertext3" ng-maxlength="6" required >
        <input type="text" class="login-control m-b-5" placeholder="密码为6-12位，字母和数字的组合" ng-model="edit_pass" required ng-minlength="6" ng-maxlength="12" ng-blur="editpassword($event)">
        <p class="m-b-20" style="color: red">{{editalert}}</p>

        <button class="btn btn-sm m-r-5" ng-click="resetpass()">重置</button>

        <small><a class="box-switcher" data-switch="box-login" href="">已经有账号了?</a></small>
    </form>
</section>

<!-- Javascript Libraries -->
<!-- jQuery -->
<script src="lib/js/jquery.min.js"></script> <!-- jQuery Library -->
<script src="lib/js/angular.js"></script>
<!-- Bootstrap -->
<script src="lib/js/bootstrap.min.js"></script>


<!--  Form Related -->
<script src="lib/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

<!-- All JS functions -->
<script src="lib/js/functions.js"></script>

<script src="communal/js/reg.js"></script>

<script src="sort/js/login.js"></script>
<script src="sort/js/localstorge.js"></script>



</body>
</html>